<template>

	<u-tabbar :value="props.index" :fixed="true" :placeholder="true" :safeAreaInsetBottom="true">
		<u-tabbar-item @click="click1">
			<template #active-icon>
				<view class="tabbaritem">
					<image class="u-page__item__slot-icon" src="/static/icon_syed.png"></image>
					<text class="lableed">主页</text>
				</view>

			</template>
			<template #inactive-icon>
				<view class="tabbaritem">
					<image class="u-page__item__slot-icon" src="/static/icon_sy.png"></image>
					<text class="lable">主页</text>
				</view>
			</template>
		</u-tabbar-item>
		<u-tabbar-item @click="click1">
			<template #active-icon>
				<view class="tabbaritem">
					<image class="u-page__item__slot-icon" src="/static/icon_cped.png"></image>
					<text class="lableed">产品</text>
				</view>
			</template>
			<template #inactive-icon>
				<view class="tabbaritem">
					<image class="u-page__item__slot-icon" src="/static/icon_cp.png"></image>
					<text class="lable">产品</text>
				</view>
			</template>
		</u-tabbar-item>
		<u-tabbar-item @click="click1">
			<template #active-icon>
				<view class="tabbaritem">
				<image class="u-page__item__slot-icon1"   mode="heightFix" src="/static/icon_zjc.png"></image>
				<text class="lableed"  style="margin-top:-27rpx ;">资金池</text>
				</view>
			</template>
			<template #inactive-icon>
				<view class="tabbaritem">
				<image class="u-page__item__slot-icon1"   src="/static/icon_zjc.png"></image>
				<text class="lable" style="margin-top:-27rpx ;">资金池</text>
				</view>
			</template>
		</u-tabbar-item>
		<u-tabbar-item @click="click1">
			<template #active-icon>
				<view class="tabbaritem">
				<image class="u-page__item__slot-icon"  mode="heightFix" src="/static/icon_tded.png"></image>
				<text class="lableed">代理</text>
				</view>
			</template>
			<template #inactive-icon>
				<view class="tabbaritem">
				<image class="u-page__item__slot-icon"  mode="heightFix" src="/static/icon_td.png"></image>
				<text class="lable" >代理</text>
				</view>
			</template>
		</u-tabbar-item>
		<u-tabbar-item @click="click1">
			<template #active-icon>
				<view class="tabbaritem">
				<image class="u-page__item__slot-icon" mode="heightFix" src="/static/icon_wded.png"></image>
				<text class="lableed">我的</text>
				</view>
			</template>
			<template #inactive-icon>
				<view class="tabbaritem">
				<image class="u-page__item__slot-icon"  mode="heightFix" src="/static/icon_wd.png"></image>
				<text class="lable">我的</text>
				</view>
			</template>
		</u-tabbar-item>

	

	</u-tabbar>
</template>

<script setup>
	import LC from '../../LC';
	let props = defineProps(['index'])
	import {
		computed,
		reactive,
		ref
	} from 'vue';
	let state = reactive({
		value1: null
	})
	let pathlist = ['/pages/index/index', '/pages/index/product', '/pages/index/capital', '/pages/index/proxy', '/pages/index/user']

	function change1(name) {

	}

	function click1(index) {
		LC.$router.go(pathlist[index])

	}
</script>

<style lang="scss" scoped>
	.u-page__item__slot-icon {
		width: 45rpx;
		height: 45rpx;
	}
	.tabbaritem{
		padding-top: 20rpx;
		display: flex;
		align-items: center;
		flex-direction: column;
		.lable,.lableed{
			font-family: PingFangSC, PingFang SC;
			font-weight: 400;
			font-size: 19rpx;
			color: #999999;
			line-height: 27rpx;
			margin-top: 20rpx;
		}
		.lableed{
		margin-top: 20rpx;
			color: #FC5652;
			
		}
	}

	.u-page__item__slot-icon1 {
		width: 103rpx;
		height: 103rpx;
		transform: translateY(-40rpx);
	
	}

	
</style>